<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'center'">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'north'" style="height:30px">
<table>
	<tbody><tr>
		<td>条件：<select id="showType">
				<option value="time">时间</option>
				<option value="college">系别</option>
				<option value="college">班级</option>
				<option value="scholar">奖助学金</option>
			</select></td>
		<td><div class="datagrid-btn-separator"></div></td>
		<td>图表：<select id="chartType">
				<option value="Column3D">柱状图</option>
				<option value="Pie3D">饼状图</option>
				<option value="Line">折线图</option></select></td>
	</tr></tbody>
</table>
			</div>
			<div data-options="region:'center'">
				<div id="chart">加载中，请稍后...</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="statics/js/fusioncharts/FusionCharts.js"></script>
<script type="text/javascript" src="statics/js/scholarship/chart.js"></script>

<script>
$(function(){

	var chart = changeChart();

	$('#showType,#chartType').change(function() {
		changeChart($('#showType').val(),$('#chartType').val());
	});

	function changeChart(showType,chartType) {
		return buildChart({
			type:chartType?chartType:'Column3D',
			id:'chart',
			width:'750',
			height:'500',
			url:'grant/fusionChartData?type=' + showType,
			chart:{caption : "发放情况汇总" ,
	            yAxisName : "发放金额",  
	            numberPrefix : "¥",
	            formatNumberScale : 0,
	           	decimals : 2,
	           	forceDecimals : 1}
		});
	}
});

</script>